<template>
  <div class="static-page">
    <section class="hero">
      <h1>配送方式</h1>
      <p>全场支持多种物流渠道，覆盖全国主要城市</p>
    </section>
    <section class="content">
      <div class="card">
        <h3>配送说明</h3>
        <ul>
          <li>48小时内发货（节假日顺延）。</li>
          <li>支持快递到家、门店自提（部分城市）。</li>
          <li>运费：满99元包邮，未满收取10元运费。</li>
        </ul>
      </div>
    </section>
  </div>
</template>

<style scoped>
.static-page .hero {
  padding: 40px 20px;
  text-align: center;
  background: linear-gradient(135deg, #f6f9ff, #eef5ff);
}
.static-page .hero h1 {
  margin: 0 0 8px;
  font-size: 28px;
  color: #1f2d3d;
}
.static-page .hero p {
  margin: 0;
  color: #666;
}
.static-page .content {
  max-width: 800px;
  margin: 20px auto 40px;
  padding: 0 20px;
}
.static-page .card {
  background: #fff;
  border: 1px solid #eef0f4;
  border-radius: 12px;
  padding: 20px;
}
ul {
  padding-left: 18px;
}
</style>
